
<%@ page import="com.ant.myagile.backlog.Issue" %>
<!DOCTYPE html>
<html>
	<head>
		<meta name="layout" content="main">
		<g:set var="entityName" value="${message(code: 'issue.label', default: 'Issue')}" />
		<title><g:message code="default.list.label" args="[entityName]" /></title>

<style type="text/css">
 .yellow{
 background-color: #FDD7E4;
 margin: 10px;
 padding: 10px;
 width: 300px;
 height: 150px;
 position: relative;
 }
 
 .avatar{
position: absolute;
top: 3px;
right:3px;
width: 50px;
height: 50px;
padding: 0;
border: 0;
box-shadow: none;
 }
 
 .content{
width: 240px;
position: absolute;
top: 3px;
left: 3px;
 }

</style>

	</head>
	<body>
	
	<g:each in="${issue}" var="iss" status="i">
	<div class="yellow">
		<div class="content">
		Suject: ${iss.subject}
		<br/>
		Description:${iss.subject}
		</div>		
		<span class="avatar" >	
		<img title="${iss.assigned?.firstName} ${iss.assigned?.lastName}"  width="50px" height="50px" src="${request.contextPath}/avatar/${iss.assigned?.avatar}"/>	
		</span>
	</div>
	</g:each>
	
	</body>
</html>
